﻿<!DOCTYPE html>
<html>
<head>
 <title>C�ng ty b�n m�y Photocopy</title>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <!-- CSS HERE -->
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link href="css/bootstrap.min.css" rel="stylesheet" />

    <script src="js/prefixfree.min.js"></script>
	<link href="css/menu.css" rel="stylesheet" />
    <link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css'>
 
</head>
<body>

    <ul class="photo-grid">
        <li>
            <a href="http://www.flickr.com/photos/anirudhkoul/3536413126/">
                <figure>
                    <img class="alignnone size-full wp-image-407" alt="Arc de Triomphe" src="http://geekgirllife.com/wp-content/uploads/2014/03/arcdetriomphe_sm.png" width="320" height="180">
                    <figcaption><p>Arc de Triomphe</p></figcaption>
                </figure>
            </a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/aigle_dore/5237960181/">
                <figure>
                    <img class="alignnone size-full wp-image-408" alt="Eiffel Tower" src="http://geekgirllife.com/wp-content/uploads/2014/03/eiffeltower_sm.png" width="320" height="180">
                    <figcaption><p>Eiffel Tower</p></figcaption>
                </figure>
            </a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/aigle_dore/5238557764/">
                <figure>
                    <img class="alignnone size-full wp-image-409" alt="Notre Dame" src="http://geekgirllife.com/wp-content/uploads/2014/03/notredame_sm.png" width="320" height="180">
                    <figcaption><p>Notre Dame</p></figcaption>
                </figure>
            </a>
        </li>
    </ul>

    <script type="text/javascript">

    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        title: "Details",
        buttons: {
            Close: function () {
                $(this).dialog('close');
            }
        }
    });
    $("#btnInsertProduct").click(function () {
        $.ajax({
            type: "POST",
            url: "NewProduct.aspx/SendSuccess",
            data: "{name: '" + $("#txtProName").val() + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                $("#dialog").html(r.d);
                $("#dialog").dialog("open");
            }
        });
    });

    </script>

	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
 
 </body>
</html>